<template>
  <div>
      <el-container style="height:100vh;">
      <el-aside width="auto">
          <common-aside></common-aside>
      </el-aside>
      <el-container>
        <el-header>
          <common-header></common-header>
        </el-header>
        <common-tags></common-tags>
        <el-main>
          <router-view :key="$route.path"></router-view>
        </el-main>
      </el-container>
</el-container>
  </div>
</template>

<script>
import CommonHeader from '../components/ly/Common/CommonHeader.vue'
import CommonAside from '../components/ly/Common/CommonAside.vue'
import CommonTags from '../components/ly/Common/CommonTags.vue'
// import HeaderNav0 from '../components/ly/Common/HeaderNav0.vue'
export default {
    name:'personalShop',
   components:{CommonTags,CommonAside,CommonHeader}
}
</script>
<style lang="less">
@navcolor: rgb(58, 58, 58);
@navfont: 13px;
@width: 100%;
@hovercolor: #76d4ff;
* {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
input {
  outline: none;
}
li {
  list-style: none;
}

// .main {
//   margin-top: 20px;
//   width: 100%;
//   .main-box {
//     width: @width;
//     margin: 0 auto;
//     &::after {
//       content: "";
//       display: block;
//       clear: both;
//     }
//   }
// }

</style>
